﻿@model List<WMILK_MVC4.Models.ProductDetailModels>

<div id="HotProduct" style="">
                <h3 style="text-align:center">Sản phẩm bán chạy</h3>
                <div class="row">
                    @foreach(WMILK_MVC4.Models.ProductDetailModels item in Model)
                    {
                    <div class="col-md-3 col-sm-3 col-xs-3">
                       <div class="cuadro_intro_hover ">
						    <p style="text-align:center;">
							    <img src="~/Images/Product/@item.Image" alt="" style="max-height:150px">
						    </p>
                            <p>Giá: <strong>@item.SellPrice vnđ</strong></p>
						    <div class="caption">
							    <div class="blur"></div>
							    <div class="caption-text">
								    <h4 style="border-bottom: 2px solid white;padding: 10px 0px;margin: 0px;font-weight:bolder;font-size:15px;height: 50px;overflow: hidden">@item.ProductName</h4>
								    <p>@item.ProductDescription</p>
								    <button type="button" class=" btn btn-success" style="position: absolute;bottom: 10px;right: 10px;">
                                        <span class="glyphicon glyphicon-shopping-cart"></span>
                                        Đặt hàng
								    </button>
							    </div>
						    </div>
					    </div>
                    </div>
                    }
                    
                </div>
    <!--
                <div class="row">
                    <div class="col-md-3 col-sm-3 col-xs-3">
                       <div class="cuadro_intro_hover ">
						    <p style="text-align:center;">
							    <img src="~/Images/Product/dielac.jpg" alt="" style="max-height:150px">
						    </p>
                            <p>Giá: <strong>500.000 vnđ</strong></p>
						    <div class="caption">
							    <div class="blur"></div>
							    <div class="caption-text">
								    <h4 style="border-bottom: 2px solid white;padding: 10px 0px;margin: 0px;font-weight:bolder;font-size:15px;height: 50px;overflow: hidden">Dielac AlPhaMama</h4>
								    <p>Loren ipsum dolor si amet ipsum dolor si amet ipsum dolor...</p>
								    <button type="button" class=" btn btn-success" style="position: absolute;bottom: 10px;right: 10px;">
                                        <span class="glyphicon glyphicon-shopping-cart"></span>
                                        Đặt hàng
								    </button>
							    </div>
						    </div>
					    </div>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                       <div class="cuadro_intro_hover ">
						    <p style="text-align:center;">
							    <img src="~/Images/Product/dielac.jpg" alt="" style="max-height:150px">
						    </p>
                            <p>Giá: <strong>500.000 vnđ</strong></p>
						    <div class="caption">
							    <div class="blur"></div>
							    <div class="caption-text">
								    <h4 style="border-bottom: 2px solid white;padding: 10px 0px;margin: 0px;font-weight:bolder;font-size:15px;height: 50px;overflow: hidden">Dielac AlPhaMama</h4>
								    <p>Loren ipsum dolor si amet ipsum dolor si amet ipsum dolor...</p>
								    <button type="button" class=" btn btn-success" style="position: absolute;bottom: 10px;right: 10px;">
                                        <span class="glyphicon glyphicon-shopping-cart"></span>
                                        Đặt hàng
								    </button>
							    </div>
						    </div>
					    </div>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                       <div class="cuadro_intro_hover ">
						    <p style="text-align:center;">
							    <img src="~/Images/Product/dielac.jpg" alt="" style="max-height:150px">
						    </p>
                            <p>Giá: <strong>500.000 vnđ</strong></p>
						    <div class="caption">
							    <div class="blur"></div>
							    <div class="caption-text">
								    <h4 style="border-bottom: 2px solid white;padding: 10px 0px;margin: 0px;font-weight:bolder;font-size:15px;height: 50px;overflow: hidden">Dielac AlPhaMama</h4>
								    <p>Loren ipsum dolor si amet ipsum dolor si amet ipsum dolor...</p>
								    <button type="button" class=" btn btn-success" style="position: absolute;bottom: 10px;right: 10px;">
                                        <span class="glyphicon glyphicon-shopping-cart"></span>
                                        Đặt hàng
								    </button>
							    </div>
						    </div>
					    </div>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3">
                       <div class="cuadro_intro_hover ">
						    <p style="text-align:center;">
							    <img src="~/Images/Product/dielac.jpg" alt="" style="max-height:150px">
						    </p>
                            <p>Giá: <strong>500.000 vnđ</strong></p>
						    <div class="caption">
							    <div class="blur" style="background:rgba(195, 7, 7, 0.7)"></div>
							    <div class="caption-text">
								    <h4 style="border-bottom: 2px solid white;padding: 10px 0px;margin: 0px;font-weight:bolder;font-size:15px;height: 50px;overflow: hidden">Dielac AlPhaMama</h4>
								    <p>Loren ipsum dolor si amet ipsum dolor si amet ipsum dolor...</p>
								    <button type="button" class=" btn btn-success" style="position: absolute;bottom: 10px;right: 10px;">
                                        <span class="glyphicon glyphicon-shopping-cart"></span>
                                        Đặt hàng
								    </button>
							    </div>
						    </div>
					    </div>
                    </div>
                </div>
        -->
            </div>
    